<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>blog</title>
    <link rel="stylesheet" href="/public/bootstrap/css/bootstrap.min.css">
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            background: #f6f6f6;
        }

        .margin_bottom {
            margin-bottom: 15px;
        }
        .form-submit {
            box-sizing: border-box;
            padding: 15px;
            margin-bottom: 15px;
            background: #fff;
            padding-bottom: 30px;
        }
    </style>
</head>

<body>
    <div id="blog">
        <nav class="navbar navbar-default">
            <div class="container">
                <ul class="nav navbar-nav">
                    <li><a href="">link</a></li>
                </ul>
            </div>
        </nav>
        <section class="main">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="panel panel-default">
                            <div class="panel-heading">Panel heading without title</div>
                            <div class="panel-body">
                                Panel content
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 ">
                        <div title="登录" class="form-submit" >
                            <h4>登录</h4>
                            <hr>
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-3 control-label">账号</label>
                                    <div class="col-sm-9">
                                        <input type="email" class="form-control" id="inputEmail3" placeholder="账号">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-3 control-label">密码</label>
                                    <div class="col-sm-9">
                                        <input type="password" class="form-control" id="密码"
                                            placeholder="Password">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-10">
                                        <button type="submit" class="btn btn-default">登录</button>
                                    </div>
                                </div>
                            </form>
                            <div class="pull-right">
                                还没注册? <a href="">马上注册</a>
                            </div>
                        </div>
                        <div title="注册" class="form-submit">
                            <h4>注册</h4>
                            <hr>
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-3 control-label">账号</label>
                                    <div class="col-sm-9">
                                        <input type="email" class="form-control" id="inputEmail3" placeholder="账号">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-3 control-label">密码</label>
                                    <div class="col-sm-9">
                                        <input type="password" class="form-control" id=""
                                            placeholder="密码">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-3 control-label">确认</label>
                                    <div class="col-sm-9">
                                        <input type="password" class="form-control" id=""
                                            placeholder="账号确认">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-10">
                                        <button type="submit" class="btn btn-default">登录</button>
                                    </div>
                                </div>
                            </form>
                            <div class="pull-right margin_bottom">
                                已有账号? <a href="">马上登录</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>

</html>